.joint-select-box.joint-color-palette.joint-theme-light .select-box-selection {
    padding: 4px;
    box-sizing: border-box;
    border-radius: var(--jj-border-radius-small);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    &::after {
        content: none;
    }

    .select-box-option-content {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--jj-border-secondary);

        img {
            margin: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
    }
}

.joint-select-box-options.joint-select-box.joint-color-palette.joint-theme-light.rendered {
    background-color: var(--jj-bg-primary);
    border-radius: var(--jj-border-radius-small);
    width: 144px;
    box-shadow: 0px 4px 4px 0px #00000040;

    .select-box-option-content.select-box-option {
        border-radius: 50%;
        border: solid 1px var(--jj-border-secondary);

        img.select-box-option-icon {
            width: 100%;
            height: 100%;
            margin: 0;
            vertical-align: unset !important;
        }
    }
}
